/*  屏幕小于400  */
@media screen and (max-width: 1000px) and (min-width: 768px) {
    
    /* 在此区间时候，不显示header的“ibeginner”字体，因为宽度不够，布局被挤得难看 */
    .and1000-768noshow {
        display: none;
    }
}


/* 小屏幕（小于 768px） 时候 */
@media screen and (max-width: 768px) {
    
    /* 右边的菜单不再显示，仅仅显示正文的内容 */
    .leftMenu {
        display: none;
    }
    
    .my-row-style {
        margin-right: -15px;
        margin-left: -15px;
    }
    
    /* 添加阴影效果  */
    .my-shadow-style {
        -webkit-box-shadow: 1px 2px 3px #ccc;
        box-shadow: 1px 2px 3px #ccc;
    }
    
    .maxwidth768 {
        height: 400px;
    }
    
}
    
/* 小于 400px  */
@media screen and (max-width: 400px) {
/* 首页上的评论输入框样式 */
    .smaller400 {
        display:block;width:100% \9;max-width:100%;height:auto;
    }
    .comment-panel-style {
        position:absolute;
        z-index:99999;
        right: 0;
        width: 200px;
    }
}

/* da于 400px  */
@media screen and (min-width: 400px) {
    .comment-panel-style {
        position:absolute;
        z-index:99999;
        right: 0;
        width: 400px;
    }
}

/*  屏幕小于400  */
@media screen and (max-width: 440px) {
    
    /* 首页的文章工具条不显示作者和发布时间，无图面板 */
    .smaller400noshow {
        display: none;
    }
}



/*  屏幕小于320  */
@media screen and (max-width: 320px) {

/*    首页的logo右边的文字不显示*/
    .logotext320noshow {
        display: none;
    }
}

